/*页面公用css*/
a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0}
body{ font-family:"宋体"; font-size:14px; background:#f1f1f1; min-width:1000px; color:#969696;}
.clear:after{content:"\20";display:block;clear:both;}
.clear{*zoom:1;}
a{ text-decoration:none; color:#969696;}
ul{ list-style:none;}
img{border:0; vertical-align: bottom;}
h1,h2,h3,h4,h5,h6,strong{font-weight: normal;}
em,i{ font-style: normal;}


.center{ width:1282px; margin:0 auto; /*background: red; opacity: 0.5*/}
/*首页 CSS*/
/*top css*/
.top{ width:100%; background:#fff;}
.top h1 a{ float:left; width:260px; height:100px; background:url(../images/ico.png) no-repeat 0 30px; text-indent:-99999px;}
.top-nav{float: left; padding: 38px 0 0 50px;}
.top-nav li{float: left;margin-right:10px; }
.top-nav li a{ float: left; line-height: 28px; font-size: 16px; padding: 0 16px;}
.top-nav li .infro{ background: url("../images/ico.png") no-repeat 82px -82px;}
.top-nav li .active{border-bottom: 2px solid #abddf0}
.top-r{float: right; padding-top: 40px;}
.top-r .weather{float: left; height: 26px; line-height: 26px; background: url("../images/ico.png") no-repeat 0 -142px; padding-left:30px;}
.top-r .weather span,.top-r .weather em{ margin-right: 10px;}
.top-r .user{float: left; position: relative; padding-bottom: 30px;}
.top-r .user-sel a{ float: left; width: 24px; height: 24px; border-radius: 50%; overflow:hidden; margin-right: 6px;}
.top .user-sel span{ float:left; border:3px solid #fff;border-top-color: black; width: 0; height: 0; text-indent:-99999px; cursor: pointer; margin:10px 6px 0 0;}
.top .user dl{position: absolute; top:42px; right: 0; border: 1px solid #dedede; border-radius:5px; background: #fff url("../images/user-list.png") no-repeat 25px -30px; z-index: 10; padding: 6px 0 2px; display: none;}
.top .user dt{ position: absolute; top: -6px; right:20px; width: 14px; height: 6px; background: url("../images/user-list.png") no-repeat;text-indent: -99999px; }
.top .user dd a{ display: block; width: 83px; height: 31px; border-left: 3px solid #fff; padding:0 24px 0 21px;}
.top .user dd em,.top .user dd span{display: block;line-height: 30px; padding-left: 14px; text-align: center;}
.top .user dd em{ border-top: 1px solid #dedede;  }
.top .user dd a:hover{color: #fff; border-left-color: #3092d5; background-color:#4aaaec; background-repeat:no-repeat; }
.user-sel_1:hover{ background-position:22px -223px; background-image:url("../images/user-list.png");}
.user-sel_2:hover{ background-position:22px -254px;background-image:url("../images/user-list.png"); }
.user-sel_3:hover{ background-position:22px -285px; background-image:url("../images/user-list.png");}
.user-sel_4:hover{ background-position:22px -316px; background-image:url("../images/user-list.png");}
.user-sel_5:hover{ background-position:22px -347px; background-image:url("../images/user-list.png");}
.top .user dd a:hover em{border-top-color:#4aaaec;}

/*header css*/
.header{ width:100%; background:#e8e7f0 url(../images/wallpaper/wall4.jpg) no-repeat center;  }
.header .center{ height: 511px; position: relative;}
.head-user{position: absolute; left: 50%; bottom: 83px; margin-left:-102px; ;color: #fff; text-align:center;}
.head-user-pic{width: 202px; height: 202px; border: 2px solid #fff; border-radius: 50%}
.head-user-pic a{ display:block; width: 193px; height: 193px;border-radius: 50%; overflow:hidden;
    transform: translate(4px,4px);
    -ms-transform: translate(4px,4px);
    -webkit-transform: translate(4px,4px);
    -o-transform: translate(4px,4px);
    -moz-transform: translate(4px,4px); }
.head-user h3{ font-size: 24px;line-height: 24px; margin-top: 12px; font-weight: bold;}
.head-user h3 span{text-indent: -99999px;display:inline-block; width: 18px; height: 18px; background:url("../images/ico.png") no-repeat 0 -377px;}
.head-user p{ line-height: 30px; font-size: 15px;}
.bg-sel{float: right; margin-top: 18px;  position: relative;}
.bg-sel-btn{float: right; }
#btn{float: left; width: 60px;height: 21px;color: #fff;  line-height: 21px; padding-left: 24px; background: url("../images/ico.png") no-repeat 0 -222px;margin-right: 10px;}
#btn-l,#btn-r{float: left; margin-right: 6px; width: 21px; height: 21px; text-indent: -99999px; display: none;}
#btn-l{background: url("../images/ico.png") no-repeat 0 -319px;}
#btn-r{background: url("../images/ico.png") no-repeat right -319px;}

.bg-sel-box{ color: #fafafa; background: url("../images/bg-sel.png"); position: absolute; right:0; top:38px; padding: 8px 16px 12px; display: none; }
.bg-sel-tit h4{ line-height: 38px; text-align: center; }
.bg-sel-tit a{position: absolute; right: 14px; top:14px; text-indent: -99999px;width: 15px; height: 15px; background: url("../images/ico.png") no-repeat 0 -416px;}
.bg-sel-list{ width: 368px; height: 204px; overflow: hidden;}
.bg-sel-list ul{ float: left; width: 386px; opacity: 1;}
.bg-sel-list li{ float: left; margin:8px 18px 0 0; text-align: center; opacity: 0.6;filter:alpha(opacity:60);}
.bg-sel-list li a{ color: #fafafa; }
.bg-sel-list li a img{ width: 59px; height: 59px;}
.bg-sel-list li span{ display: block; line-height: 34px;}

/*nav css*/
.nav{ background: url("../images/nav-bg.png") no-repeat 88px 35px; padding:4px 0 8px; }
.nav li{ float: left;}
.nav li a{float: left; width: 256px; height: 81px; padding-top: 102px; text-align: center; font-size: 20px; font-weight: bold;}
.nav a:hover{background:#3ea1ee url("../images/nav-bg.png") no-repeat 88px -136px; color: #fff;}
.nav .active_1:hover{ }
.nav .active_2:hover{ background-position:-170px -136px;}
.nav .active_3:hover{  background-position:-426px -136px;}
.nav .active_4:hover{  background-position:-682px -136px;}
.nav .active_5:hover{ background-position:-938px -136px;}

/*内容区*/
/*主内容*/
.con-main{ border: 1px solid #eaeaea; background: #fff url("../images/con-mainbg.png") no-repeat right 0;font-size: 18px;}
.con-tit h3{color: #3ea1ee; font-size: 28px; line-height:60px; text-align: center; margin-top: 50px;}
.con-tit h3 span{ font-size: 18px; color: #545454;}
.con-tit p{ text-align: center; }
.con-tit p span{  font-size:21px; color: #3ea1ee;}
.con-apply{ margin: 72px 38px 0; }
.con-apply li{ float: left; margin: 0 90px;text-align: center;}
.con-apply .data{ width: 210px; height: 144px; padding-top: 66px;  background: url("../images/data-bg.png") no-repeat;}
.apply1 .data{}
.apply2 .data{ background-position: 0 -286px;}
.apply3 .data{background-position: 0 -589px;}
.con-apply .data h5{ font-size: 18px;}
.con-apply .data strong{ font-size: 36px;  display: block; line-height: 50px; font-weight:bold;}
.apply1 .data strong,.apply1 .data span{color: #45e0ce;}
.apply2 .data strong,.apply2 .data span{color: #52a0f1;}
.apply3 .data strong,.apply3 .data span{color: #776cef;}
.con-apply p{ line-height: 44px;}
.con-apply a{ color: #65b4f1;}
.con-apply a em{ display:inline-block; border:1px solid #65b4f1; width: 102px; height: 30px; line-height: 30px; border-radius:13px; margin-right: 6px;}
.main-bottom{margin: 52px 40px 0; width: 1200px; overflow: hidden; position: relative;}
.main-bottom dl{width: 2000px;}
.main-bottom dt{ border-bottom: 1px solid #eee; font-weight: bold; line-height: 30px; color: #7d7d7d;  font-size: 14px;}
.main-bottom dt a{ font-size: 12px; position: absolute; top: 0; right: 0;}
.main-bottom dd{ float: left; font-size: 12px; margin:20px 62px 22px 0;}
.main-bottom .contact{ width: 48px; height: 48px; float: left; overflow: hidden;}
.main-bottom dd p{float: left; padding: 12px 0 0 8px;}
.main-bottom dd p em{ color: #595959;}
.main-bottom dd p a{ color: #3ea1ee; font-weight: bold;}
.main-bottom dd p span{ color: #5a5a5a; display: block; line-height: 24px;}

/*子内容*/
.con-details{ margin: 10px 0 65px;}
.con-notice,.con-rules{border: 1px solid #eaeaea; background: #fff; padding: 16px 38px 30px 22px; width: 574px;}
.con-notice{ float: left;}
.con-rules{ float: right;}
.con-details h3{ border-bottom: 1px solid #ebebeb; background: url("../images/ico.png") no-repeat 0 -451px; line-height: 66px; color: #3ea1ee; font-size: 20px; padding-left: 12px; }
.con-details h3 span{ color: #969696; font-size: 12px; }
.con-details ul{ margin: 12px 18px 16px 0;}
.con-details li{  height: 32px; line-height: 32px;}
.con-details li a{float: left;}
.con-details li a:hover{color:  #3ea1ee;}
.con-details li span{ float: right;}
.con-details .more{ padding-right: 16px;}
.con-details .more a{ width: 54px; height: 21px; float: right; border: 1px solid #3ea1ee; border-radius: 10px; text-align: center; line-height: 21px; color: #3ea1ee;}

/*尾部*/
.footer{ background: #e7e7e7; color: #a8a8a8; padding: 30px 0 16px;}
.footer p{ text-align:center; line-height: 24px;}




/*公司公告页 CSS*/
.notice-con{ background:#fafafa; width: 100%; padding: 50px 0;}
.notice-main{ border: 1px solid #dcdcdc; background: #fff; padding: 54px 60px 34px 56px; margin: 0 auto;color: #4a4a4a; width: 1164px; }
.notice-main h2{ background: url("../images/notice-ico.png") repeat-x 0 -130px; line-height: 22px;  font-size: 22px;  margin-bottom: 30px;}
.notice-main h2 em{ background:#fff url("../images/notice-ico.png") no-repeat 0 4px; padding:0 8px 0 28px; }
.not-main-list li{ border-bottom: 1px dashed #d0d0d0; background: url("../images/notice-bg.png") no-repeat 0 20px; padding: 20px 0 20px 76px; position: relative;}
.not-main-list li h3{line-height: 32px; height: 32px;}
.not-main-list li h3 a{ float: left; font-size: 16px; color: #4a4a4a; background:url("../images/notice-ico.png") no-repeat right -38px; padding-right:30px ; }
.not-main-list li h3 span{ float: right; color: #dcdcdc; font-size: 12px;}
.not-main-list li p{ line-height: 32px; white-space: nowrap; height: 32px;}
.not-main-list li p .show{float:left; width: 994px; overflow: hidden; text-overflow: ellipsis;}
.not-main-list li p a{ color: #4f9cee; background:url("../images/notice-ico.png") no-repeat right -70px; padding-right: 22px;float:left; height: 32px; line-height: 32px;}
.notice-detail a{color: #4f9cee; background:url("../images/notice-ico.png") no-repeat 0 -98px; padding-left: 18px;position: absolute; right: 16px; bottom: 20px;}
.notice-detail{ display: none;}
/*页码*/
.notice-page{ margin-top: 32px; text-align: center;}
.notice-page a{ display: inline-block; height: 24px; width: 24px; border: 1px solid #e2e2e2; line-height: 24px; color: #666; font-size: 12px; text-align: center;}
#page-l,#page-r{ width: 66px;}
.notice-page a:hover{ background: #00a7ea; color: #fff;}